{% extends "layouts/base.njk" %}


{% block css %}
{% InlineCss '/css/single-post.css' %}
{% endblock %}

{# Update "content" with additional headings and so forth, so we can pass it
   through the toc filter. #}
{% set content %}
  {{ content | safe }}

  {% import 'macros/reference.njk' as macros with context %}

  <h2 id="stable_apis">Stable APIs</h2>
  <p>
    Release information is not available for APIs before Chrome 42, which was released in early 2015.
  </p>
  {{ macros.renderReferenceTableForCollection(collections.reference, 'stable') }}

  <h2 id="beta_apis">Beta APIs</h2>
  <p>
    These APIs are only available in the Chrome Beta and Dev channels:
  </p>
  {{ macros.renderReferenceTableForCollection(collections.reference, 'beta') }}

  <h2 id="dev_apis">Dev APIs</h2>
  <p>
    These APIs are only available in the Chrome Dev channel:
  </p>
  {{ macros.renderReferenceTableForCollection(collections.reference, 'dev') }}

  <h2 id="platform_apps_apis">Platform Apps APIs</h2>
  <p>
    These APIs support Chrome Apps.
  </p>
  <div class="aside aside--warning">
    These APIs were deprecated in 2020. They are
    supported only for ChromeOS until at least Jan 2025.
    It remains supported for Enterprise and Education customers on ChromeOS until at least Jan 2025.
    Learn more about <a href="/docs/apps/migration">migrating your app</a>.
  </div>
  {{ macros.renderReferenceTableForCollection(collections.reference, '', true) }}

{# TODO(samthor): Chrome currently has none of these. #}
{#
  <h2 id="experimental">Experimental APIs</h2>
  <p>
    Chrome also has experimental APIs, some of which will become supported APIs in future releases of Chrome.
  </p>
#}
{% endset %}

{% block title_bar %}
  {% include 'partials/breadcrumbs.njk' %}
{% endblock %}

{% set tocContents %}
  {{- content | toc | safe -}}
{% endset %}

{% block content %}
  <div class="display-flex gap-top-300 lg:gap-top-400 ">
    {% include 'partials/navigation-tree.njk' %}

    {# The article is wrapped again so that the ToC aligns on its right on desktop #}
    <div class="display-flex justify-content-center width-full">
      <article class="stack measure-long pad-left-400 pad-right-400">
        <h1 class="type--h2">{{ title }}</h1>

        {% include 'partials/toc-inner.njk' %}

        <div class="stack type">
          {{ content | safe }}
        </div>

      </article>

      {% include 'partials/toc-side.njk' %}
    </div>
  </div>
{% endblock %}
